<template>
	<view class="themeMore">
		<navigator url="/pages/classify/classify" open-type="switchTab" class="box">
			<image class="pic" src="../../common/images_test/preview_small.webp" mode="aspectFill" />
			<view class="mask">
				<uni-icons type="more-filled" size="25" color="white"></uni-icons>
				<text>更多</text>
			</view>
		</navigator>
	</view>
</template>

<script setup>

</script>

<style lang="scss">
	.themeMore {
		.box {
			border-radius: 10rpx;
			// width: 220rpx;
			height: 340rpx;
			overflow: hidden;
			position: relative;

			.pic {
				width: 100%;
				height: 100%;

			}


			.mask {
				width: 100%;
				height: 100%;
				font-size: 24rpx;
				position: absolute;
				bottom: 0;
				background: rgba(0, 0, 0, 0.2);
				color: white;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				backdrop-filter: blur(10rpx);
				font-weight: 600;
			}
		}
	}
</style>